更精细的控制
视频锁定
{$ currentTime | date:'mm:ss' $}
{$ timeLeft | date:'mm:ss' $}
Ok,现在你已经了解了css中的类选择器(class selector)。现在,是时候来了解一下伪类选择器了(pseudo-class selectors)。
当我们找一些html文档树中存在的元素,比如一个a标签时,是很容易找到的。但是如果你想让链接被点击后改变了颜色该怎么办呢?链接到底被点击了还是没有被点击,这些信息可没有保存在html文档树中啊。那么伪类选择器的作用就来了,你看他的名字,伪类:就是假的类啊,因为这些类并不真的存在。伪类通常用于描述上面例子中的,如链接被点击后的样式是什么,用户用鼠标悬浮在链接上的样式又是哪个...
下面,让我们自己动手来写一个伪类选择器,当用户鼠标悬浮在链接上时,让这个链接的颜色改变成#cc0000,并且取消链接的下划线,同时加粗链接的字体。动手吧!
伪选择器的CSS语法是:
selector:pseudo-class_selector{
property:value;
}
这只是额外的冒号(:
)。
说明
当你鼠标悬停在链接上,会发生什么呢?
在线练习
{$ activeFileHint $}